import './utils/theme-manager.js'
import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import { ConfigProvider } from 'vant';
import '@vant/touch-emulator';

// 先引入Vant样式
import 'vant/lib/index.css'

// 后引入全局样式（这样可以覆盖Vant的默认样式）
import './styles/index.css'

import {
    Button, Popup, Form, Field, Icon, NumberKeyboard, NavBar, Cell, CellGroup, Picker, ActionSheet, Dialog, Notify, Popover, ImagePreview, Calendar, Cascader, DatePicker, ShareSheet, DropdownMenu, DropdownItem, Pagination, Search, SwipeCell, Collapse, CollapseItem, Empty, Tabs, Tab, Uploader
} from 'vant'

const app = createApp(App);

app.use(ConfigProvider);
app.use(Button)
app.use(Popup)
app.use(Form)
app.use(Field)
app.use(Icon)
app.use(NumberKeyboard)
app.use(NavBar)
app.use(Cell)
app.use(CellGroup)
app.use(Picker)
app.use(ActionSheet)
app.use(Dialog)
app.use(Notify)
app.use(Popover)
app.use(ImagePreview)
app.use(Calendar)
app.use(Cascader)
app.use(DatePicker)
app.use(ShareSheet)
app.use(DropdownMenu)
app.use(DropdownItem)
app.use(Pagination)
app.use(Search)
app.use(SwipeCell)
app.use(Collapse)
app.use(CollapseItem)
app.use(Empty)
app.use(Tabs)
app.use(Tab)
app.use(Uploader)

app.use(router)
app.mount('#app')